<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html class="x-admin-sm">
<head>
<meta charset="UTF-8">
<title>小区前台管理系统</title>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" href="./css/font.css">
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/iconfont.css">
<script src="./lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/index.js"></script>
<style>
.show_list {
	display: block !important;
}

.hide_lits {
	display: none;
}
</style>

</head>
<body class="index">
	<!-- 顶部开始 -->
	<div class="container">
		<div class="logo">
			<a href="./index.jsp">小区前台管理系统</a>
			
		</div>
		<div class="left_open">
			<a><i title="展开左侧栏" class="iconfont">&#xe699;</i></a>
		</div>

		<ul class="layui-nav left fast-add" lay-filter="">
			<li class="layui-nav-item daohang" ids="#table1"><a
				href="javascript:;">人员设置</a></li>
			
		</ul>

		<ul class="layui-nav right" lay-filter="">
			<li class="layui-nav-item" id="time"
				style="margin-right: 50px; font-size: 16px; color: #2fb9d4; position: absolute; left: -250px; top: 0"></li>
			<li class="new-nav" id="gonggao"><a href="#"><i
					class="iconfont">&#xe6bc;</i><span class="layui-badge">4</span></a> <!--<dl class="layui-nav-child">-->
				<ul class="news" id="gonggaos" style="display: none;">
					<li class="dropdown-header"><i class="iconfont">&#xe6bc;</i>4条公告</li>
					<li><a href="javascript:;"
						onclick="xadmin.add_tab('统计页面','notice-list.html')">
							<div class="clearfix">
								<span class="pull-left"> <i class="btn btn-pink iconfont">&#xe6bc;</i>
									小区公告
								</span> <span class="pull-right badge badge-info">+12</span>
							</div>
					</a></li>
					<li><a href="javascript:;"
						onclick="xadmin.add_tab('小区投诉','complaint.jsp')"> <i
							class="btn btn-primary iconfont">&#xe6bc;</i> 小区投诉
					</a></li>

					<li><a href="javascript:;"
						onclick="xadmin.add_tab('统计页面','notice-list.html')">查看所有公告 <i
							class="iconfont">&#xe69b;</i>
					</a></li>
				</ul> <!--</dl>--></li>
			<li class="new-nav" id="new-nav"><i></i> <a href="#"><i
					class="iconfont">&#xe713;</i><span class="layui-badge">9</span></a> <!--<dl class="layui-nav-child">-->
				<ul class="news" id="news" style="display: none;">
					<li class="dropdown-header"><i class="iconfont">&#xe6bc;</i>8条通知</li>
					<li><a href="#">
							<div class="clearfix">
								<span class="pull-left"> <i class="btn btn-pink iconfont">&#xe69b;</i>
									待维修
								</span> <span class="pull-right badge badge-info">+12</span>
							</div>
					</a></li>
					<li><a href="complaint.jsp"> <i
							class="btn btn-primary iconfont">&#xe696;</i> 投诉
					</a></li>
					<li><a href="#">
							<div class="clearfix">
								<span class="pull-left"> <i
									class="iconfont btn btn-success">&#xe723;</i> 新增家庭成员
								</span> <span class="pull-right badge badge-success">+8</span>
							</div>
					</a></li>
					<li><a href="#"> </a></li>
					<li><a href="javascript:;"
						onclick="xadmin.add_tab('统计页面','email.html')"> 查看所有消息 <i
							class="iconfont">&#xe69b;</i>
					</a></li>
				</ul> <!--</dl>--></li>
			<li class="layui-nav-item"><a href="javascript:;">${sessionScope.ownerSession.ownerName}</a>
				<dl class="layui-nav-child">
					<!-- 二级菜单 -->
					<dd>
						<a onclick="xadmin.open('个人信息','one_set.html')">个人信息</a>
					</dd>
					<dd>
						<a onclick="xadmin.open('切换帐号','http://www.baidu.com')">切换帐号</a>
					</dd>
					<dd>
						<a
							href="${pageContext.request.contextPath}/OwnerServlet?op=LoginOut">退出</a>
					</dd>
				</dl></li>
			<li class="layui-nav-item to-index"><a href="/">前台首页</a></li>
		</ul>



	</div>
	<!-- 顶部结束 -->
	<!-- 中部开始 -->
	<!-- 左侧菜单开始 -->
	<div class="left-nav show_list" id="table1">
		<div id="side-nav">
			<ul id="nav">
				<li><a href="javascript:;"
					onclick="xadmin.add_tab('我的桌面','http://www.tomson-riviera.com/')"> <i
						class="layui-icon left-nav-li" lay-tips="首页">&#xe68e;</i> <cite>首页</cite>
						<i class="iconfont nav_right">&#xe697;</i></a></li>

				<li class="layui-nav-item"><a href="javascript:;"> <i
						class="iconfont left-nav-li icon-shangpinguanli" lay-tips="入住成员管理"></i>
						<cite>入住成员管理</cite> <i class="iconfont nav_right">&#xe697;</i></a>
					<ul class="sub-menu">
						<li><a onclick="xadmin.add_tab('业主信息列表','personnel.jsp')">
								<!-- 导航栏链接 --> <i class="iconfont">&#xe6a7;</i> <cite>业主信息管理</cite>
						</a></li>
						<li><a
							onclick="xadmin.add_tab('家庭成员管理','front-family-list.jsp')"> <i
								class="iconfont">&#xe6a7;</i> <cite>家庭成员管理</cite></a></li>
								<li><a
							onclick="xadmin.add_tab('商品列表(分页)','vehicle.jsp')"> <i
								class="iconfont">&#xe6a7;</i> <cite>业主车辆管理管理</cite></a></li>
					</ul></li>
					
				<li class="layui-nav-item"><a href="javascript:;"> <i
						class="iconfont left-nav-li icon-cuxiaoyouhui" lay-tips="服务管理"></i>
						<cite>服务管理</cite> <i class="iconfont nav_right">&#xe697;</i></a>
					<ul class="sub-menu">
						<li><a onclick="xadmin.add_tab('公告与活动','announcement.jsp')">
								<i class="iconfont">&#xe6a7;</i> <cite>公告与活动</cite>
						</a></li>
						<li><a onclick="xadmin.add_tab('报修与维护','repair.jsp')">
								<i class="iconfont">&#xe6a7;</i> <cite>报修与维护</cite>
						</a></li>
						<li><a onclick="xadmin.add_tab('投诉记录','complaint.jsp')">
								<i class="iconfont">&#xe6a7;</i> <cite>投诉记录</cite>
						</a></li>
					</ul></li>
				<li><a href="javascript:;"> <i class="iconfont left-nav-li"
						lay-tips="订单管理">&#xe604;</i> <cite>缴费管理</cite> <i
						class="iconfont nav_right">&#xe697;</i></a>
					<ul class="sub-menu">
						<li><a onclick="xadmin.add_tab('订单列表','Pay.jsp')">
								<i class="iconfont">&#xe6a7;</i> <cite>缴费订单查询</cite>
						</a></li>
						<li><a onclick="xadmin.add_tab('发货单列表','Pay_weiJiaoFei.jsp')">
								<i class="iconfont">&#xe6a7;</i> <cite>未缴订单</cite>
						</a></li>
						<li><a onclick="xadmin.add_tab('退货单列表','Pay_wuYe.jsp')">
								<i class="iconfont">&#xe6a7;</i> <cite>缴纳物业费</cite>
						</a></li>
					</ul></li>
				</ul>
			</div>
		</div>
				<div class="left-nav hide_lits" id="table2">
					<div id="side-nav">
						<ul id="nav">
							<li><a href="javascript:;"
								onclick="xadmin.add_tab('我的桌面','http://www.tomson-riviera.com/')"> <i
									class="layui-icon left-nav-li" lay-tips="首页">&#xe68e;</i> <cite>首页</cite>
									<i class="iconfont nav_right">&#xe697;</i></a></li>

						</ul>
					</div>
				</div>

				<!-- 左侧菜单结束 -->
				<!-- 右侧主体开始 -->
				<div class="page-content">
					<div class="layui-tab tab" lay-filter="xbs_tab"
						lay-allowclose="false">
						<ul class="layui-tab-title">
							<li class="home"><i class="layui-icon">&#xe68e;</i>我的桌面</li>
						</ul>
						<div class="layui-unselect layui-form-select layui-form-selected"
							id="tab_right">
							<dl>
								<dd data-type="this">关闭当前</dd>
								<dd data-type="other">关闭其它</dd>
								<dd data-type="all">关闭全部</dd>
							</dl>
						</div>
						<div class="layui-tab-content">
							<div class="layui-tab-item layui-show">
								<iframe src=''http://www.tomson-riviera.com/' frameborder="0" scrolling="yes"
									class="x-iframe"></iframe>
							</div>
						</div>
						<div id="tab_show"></div>
					</div>
				</div>
				<div class="page-content-bg"></div>
				<style id="theme_style"></style>
				<!-- 右侧主体结束 -->
				<!-- 中部结束 -->
				<style>
.copyrights {
	text-indent: -9999px;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}
</style>
				<div class="copyrights" id="links20210126">
					Collect from <a href="http://www.cssmoban.com/" title="网站模板">模板之家</a>
					<a href="http://cooco.net.cn/" title="组卷网">组卷网</a>
				</div>
				
</body>
<script src="js/jquery.min.js"></script>
<script>


	//顶部时间
	function getTime() {
		var myDate = new Date();
		var myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
		var myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
		var myToday = myDate.getDate(); //获取当前日(1-31)
		var myDay = myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
		var myHour = myDate.getHours(); //获取当前小时数(0-23)
		var myMinute = myDate.getMinutes(); //获取当前分钟数(0-59)
		var mySecond = myDate.getSeconds(); //获取当前秒数(0-59)
		var week = [ '星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六' ];
		var nowTime;

		nowTime = myYear + '-' + fillZero(myMonth) + '-' + fillZero(myToday)
				+ '&nbsp;&nbsp;' + week[myDay] + '&nbsp;&nbsp;'
				+ fillZero(myHour) + ':' + fillZero(myMinute) + ':'
				+ fillZero(mySecond);
		//console.log(nowTime);
		$('#time').html(nowTime);
	};
	function fillZero(str) {
		var realNum;
		if (str < 10) {
			realNum = '0' + str;
		} else {
			realNum = str;
		}
		return realNum;
	}
	setInterval(getTime, 1000);
</script>
</html>

<script>
	$(".daohang").click(function() {
		var table = $(this).attr("ids");
		var ids = $(".show_list").attr("id");
		$("#" + ids + "").addClass("hide_lits");
		$("#" + ids + "").removeClass("show_list");
		$("" + table + "").removeClass("hide_lits");
		$("" + table + "").addClass("show_list");
	})

	window.onload = function() {
		var click = document.getElementById('new-nav');
		var news = document.getElementById('news');
		click.addEventListener('mousemove', function() {
			news.style.display = 'block';
		});
		click.addEventListener('mouseout', function() {
			news.style.display = 'none';
		});

		var gonggao = document.getElementById('gonggao');
		var gonggaos = document.getElementById('gonggaos');
		gonggao.addEventListener('mousemove', function() {
			gonggaos.style.display = 'block';
		});
		gonggao.addEventListener('mouseout', function() {
			gonggaos.style.display = 'none';
		});
	}
</script>

